<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form">
    <div class="layui-form-item">
        <label class="layui-form-label required">编号</label>
        <div class="layui-input-block">
            <input type="test" name="depId" lay-verify="required" readonly="readonly" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">名称</label>
        <div class="layui-input-block">
            <input type="text" name="depName" lay-verify="required" lay-reqtext="名称不能为空" placeholder="请输入用户名" value=""
                   class="layui-input">
            <!--            <tip>填写自己管理账号的名称。</tip>-->
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">负责人</label>
        <div class="layui-input-block">
            <input type="text" name="leader" placeholder="请输入负责人" value="" class="layui-input"
                   onBlur="leaderBlur()" onFocus="leaderFocus()">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">副负责人</label>
        <div class="layui-input-block">
            <input type="text" name="dleader" placeholder="请输入副负责人" value="" class="layui-input">
            <input type="hidden" name="dleaderId" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-form-label">备注</label>
        <div class="layui-inp-item layui-form-text">
            <label class="layuiut-block">
            <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
        </div>
    </div>
</div>

<div class="layui-inline">
    <label class="layui-form-label">搜索选择框</label>
    <div class="layui-input-inline">
        <div class="layui-form-select layui-form-selected searchDiv">
            <div class="layui-select-title">
                <input type="text" placeholder="直接选择或搜索选择" value="" class="layui-input search_input" onfocus="focusTest()" onblur="blurTest()">
            </div>
            <dl class="layui-anim layui-anim-upbit" id="selectTest" name="selectTest" style="display: none;">
<!--                &lt;!&ndash;   <dd lay-value="1" class="layui-this">layer</dd>-->
                  <dd onclick="clickTest()">form</dd>
                  <dd lay-value="/dep/add.do" class="">layim</dd>
                <!--   <dd lay-value="4" class="">element</dd>
                  <dd lay-value="5" class="">laytpl</dd>
                  <dd lay-value="6" class="">upload</dd>
                  <dd lay-value="7" class="">laydate</dd>
                  <dd lay-value="8" class="">laypage</dd>
                  <dd lay-value="9" class="">flow</dd>
                  <dd lay-value="10" class="">util</dd>
                  <dd lay-value="11" class="">code</dd>
                  <dd lay-value="12" class="">tree</dd>
                  <dd lay-value="13" class="">layedit</dd>
                  <dd lay-value="14" class="">nav</dd>
                  <dd lay-value="15" class="">tab</dd>
                  <dd lay-value="16" class="">table</dd>
                  <dd lay-value="17" class="">select</dd>
                  <dd lay-value="18" class="">checkbox</dd>
                  <dd lay-value="19" class="">switch</dd>
                  <dd lay-value="20" class="">radio</dd> -->
            </dl>
        </div>
    </div>
</div>


<div class="showEmp" style="border: 1px solid #0C0C0C;"></div>
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;
        $(function () {
            $.get("", function (data) {
                $("input[name='depId']").attr("value", data.data);
            }, "json")
        });
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            // var index = layer.alert(JSON.stringify(data.field), {
            //     title: '最终的提交信息'
            // }, function () {
            //
            //     // 关闭弹出层
            //     layer.close(index);
            //
            //     var iframeIndex = parent.layer.getFrameIndex(window.name);
            //     parent.layer.close(iframeIndex);
            //
            // });
            //
            // return false;
            $.ajax({
                type: "post",
                url: "/dep/add.do",
                data: {
                    depId: data.field.depId,
                    depName: data.field.depName,
                    remark: data.field.remark,
                    leader: data.field.leader,
                    dleader: data.field.dleader
                },
                success: function (data) {
                    if (data.code == 0) {
                        alert(data.msg);
                        var iframeIndex = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(iframeIndex);
                    } else if (data.code == 1) {
                        alert(data.msg);
                    }
                }
            });
            return false;
        });

        // $(".search_input").keyup(function(event){
        //     // alert(event.keyCode)
        //     //layer.msg(event.keyCode);
        //     if(event.keyCode==40){   //方向健↓
        //                              //如果是最后一个则不用做任何事情
        //         if($(this).parent().next("dl").children(":last").hasClass("layui-this")){
        //             return;
        //         }
        //         $(this).parent().next("dl").find("dd.layui-this").removeClass("layui-this").next("dd").addClass("layui-this");
        //         $dl=$(this).parent().next("dl");
        //         $dl.scrollTop($dl.scrollTop()+$dl.find("dd.layui-this").height());
        //         return;
        //     }
        //
        //     if(event.keyCode==38){ //方向健↑
        //         //如果是第一个则不用做任何事情
        //         if($(this).parent().next("dl").children(":first").hasClass("layui-this")){
        //             return;
        //         }
        //         $(this).parent().next("dl").find("dd.layui-this").removeClass("layui-this").prev("dd").addClass("layui-this");
        //         $dl=$(this).parent().next("dl");
        //         $dl.scrollTop($dl.scrollTop()-$dl.find("dd.layui-this").height());
        //         return;
        //     }
        //
        //     if(event.keyCode==13){     //按回车键给文本框赋值
        //         $(this).val($(this).parent().next("dl").find("dd.layui-this").html());
        //         oldValue=$(this).val().trim();
        //         return;
        //     }
        //
        //     if(oldValue!=$(this).val().trim()){ //如果输入框的值没有改变就没必要发送ajax请求
        //         //根据用户输入的内容发送ajax请求查询以此内容开头的商品简码，从而查出符合要求的商品名字
        //         $.get("product/getProductsByCode",{"productCode":$(this).val()},function(data){
        //             if(!!data){
        //                 //清除掉以前的值
        //                 $(".searchDiv dl.layui-anim").html("");
        //                 for(var i=0;i<data.length;i++){
        //
        //                     $(".searchDiv").find("dl.layui-anim").append("<dd lay-value=\""+data[i].productId +"\" οnclick=\"changeSearchText(this)\">"+data[i].productName+"</dd>");
        //                     $(".searchDiv").find("dl.layui-anim").children("dd:first").addClass("layui-this");
        //                 }
        //                 //重新渲染select
        //                 //form.render('select');
        //             }
        //         },'json')
        //     }
        // })
        //
        //
        //
        // form.on('submit(formDemo)',function(){
        //     return false;  //这样的做的目的是因为里面有文本输入看，当我们按回车键的时候会默认提交表单，所以要进行此操作
        // })
    });

    function clickTest(){
        alert(111);
        $("input[name='layui-input search_input']").attr("value", "form");
    }

    function changeSearchText(obj){
        document.getElementById("search_input").value=obj.innerHTML;
    }

    function blurTest() {
        // ${'#selectTest'}.attr("display","none");
        document.getElementById("selectTest").style.display="none";
    }

    function focusTest() {
        // ${'#selectTest'}.Attr("display","block");
        document.getElementById("selectTest").style.display="block";
    }

    function leaderFocus() {
        $.ajax({
            type: "post",
            url: "/emp/showEmp",
            data: {
                empName: data.field.leader
            },
            success: function (data) {
                if (data.code == 0) {
                    alert(data.msg);
                    var iframeIndex = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(iframeIndex);
                } else if (data.code == 1) {
                    alert(data.msg);
                }
            }
        });
    }
</script>
</body>
</html>